<template>
  <div>
    <el-table
      :data="tableData1"
      style="width: 100%"
      row-key="id"
      border
      lazy
      :load="load"
      :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
    >
      <!-- <el-table-column prop="id" label="id" width="180"></el-table-column>
      <el-table-column prop="dataType" label="数据类型" width="180"></el-table-column>
      <el-table-column prop="orgId" label="对应组织ID" width="180"></el-table-column>-->
      <el-table-column prop="orgName" label="对应组织" width="300"></el-table-column>
      <el-table-column prop="xfsl" label="下发数量" width="180"></el-table-column>
      <el-table-column prop="fpsl" label="分配数量" width="180"></el-table-column>
      <el-table-column prop="scasgjsl" label="首次按时跟进数量" width="180"></el-table-column>
      <el-table-column prop="scasgjl" label="首次按时跟进率" width="180"></el-table-column>
      <el-table-column prop="gjsl" label="整体跟进数量" width="180"></el-table-column>
      <el-table-column prop="gjl" label="整体跟进率" width="180"></el-table-column>
    </el-table>
  </div>
</template>

<script>
import { clueReportNew } from '@/api/potenCus/customer/potenCusManageOEM';
export default {
  name: 'ClueReportNew',
  components: {},
  data() {
    return {
      tableData1: []
    };
  },
  created() {},
  methods: {
    async initialization(param) {
      const res = await clueReportNew(param);
      let data = res.data;
      this.tableData1 = data;
    },
    async getItem(tree, treeNode, resolve) {
      const res = await clueReportNew(tree);
      let data = res.data;
      setTimeout(() => {
        resolve(data);
      }, 1000);
    },
    load(tree, treeNode, resolve) {
      this.getItem(tree, treeNode, resolve);
    }
  },

  mounted() {
    this.initialization();
  }
};
</script>
